<template>
    <div>
        <el-header style="text-align: right; font-size: 15px">
            <span>
                欢迎使用学籍管理系统-人数统计
            </span>
        </el-header>
        <el-form  :model="ruleForm" style="margin-top:25px"    :rel="ruleForm" label-width="10%"  class="demo-ruleForm">


            <el-form-item >
                <el-button type="primary" @click="age('ruleForm')">按照年龄统计人数</el-button>
                <el-button type="primary" @click="area('ruleForm')">按照地区统计人数</el-button>
                <el-button type="primary" @click="political('ruleForm')">按照政治面貌统计人数</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>
<script>
    export default {

        methods: {
            age(ruleForm) {
                this.$router.push({
                    path: '/Page2',
                })
            },
            area(ruleForm) {
                this.$router.push({
                    path: '/Page14',
                })
            },
            political(ruleForm) {
                this.$router.push({
                    path: '/Page15',
                })
            }
        }
    }
</script>